<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Movobel</title>
<link href="style.css" rel="stylesheet" type="text/css" />

<link type="text/css" href="css/ui-lightness/jquery-ui-1.8.23.custom.css" rel="stylesheet" />

<script src="js/jquery-latest.js" type="text/javascript"></script>
<script src="js/jquery.bxSlider.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.23.custom.min.js"></script>
<script type="text/javascript">
	$(function(){
	  $('.slider1').bxSlider({
		displaySlideQty: 7,
		moveSlideQty: 1,
		prevText: '',
		nextText: ''
	  });
	
	$('.input_data').datepicker($.datepicker.regional['pt-br']);
	});	
</script>

<script>
	$(document).ready( function() {
$('.iconemenu').hover(
    function() {
        $(this).animate({ 'zoom': 1.1 }, 2);
    },
    function() {
        $(this).animate({ 'zoom': 1 }, 2);
    });
});

</script>

<script>

//*//*//*//*//*//*//*
	
	$(function(){

	var height = $(window).height();
	var width  = $(window).width();
	
	$(window).resize(function(){
		var height = $(window).height();
		var width  = $(window).width();
			
		$(".preto_light-edit-fabri").css("height", height + "px");
		$(".preto_light-edit-fabri").css("width", width + "px");
		
	});
	
		$(".preto_light-edit-fabri").css("height", height + "px");
		$(".preto_light-edit-fabri").css("width", width + "px");
		
	
	$(window).resize(function(){
		var height = $(window).height();
		var width  = $(window).width();
		
		var meio_h =  height/2 - $(".corpoform").height()/2;
		var meio_w =  width/2 - $(".corpoform").width()/2;
		
		$(".corpolight-edit-fabri").css("left", meio_w + "px");
		$(".corpolight-edit-fabri").css("top",  meio_h + "px");
		
	});
	
	var meio_h = height/2 - $(".corpoform").height()/2;
	var meio_w =  width/2 - $(".corpoform").width()/2;
	
	$(".corpolight-edit-fabri").css("left", meio_w + "px");
	$(".corpolight-edit-fabri").css("top",  meio_h + "px");
	
	
	
	$(".editar-menu a").click(function(){
		
		$(".preto_light-edit-fabri").fadeIn(200);
		$(".corpolight-edit-fabri").delay(200).fadeIn(300);
		
	});
	
	
		
	
	$(".preto_light-edit-fabri").click(function(){
			
		$(".preto_light-edit-fabri").fadeOut();
		  $(".corpolight-edit-fabri").fadeOut();
		
	});
	
	
	});
	
	
	//*//*//*//*//*//*//*
	
	
</script>

</head>

<body>
<div class="head">
	<div class="logo"></div>
    <div class="buttons">
   	    	<div class="bt1-padrao">Meus Dados</div>
            <div class="bt1-padrao2">Suporte</div>
            <div class="bt2-padrao">Sair</div>
   	 
            
   	 
    </div>
    <div class="clear"></div>
  <div class="menu">
    	<div class="slider1">
        
        <div class="iconemenu">
        <img src="imagens/home.png" width="99" height="99" />
        <div class="nomeicone">Home</div>
        </div>
        
        <div class="iconemenu">
        <img src="imagens/pagina-inicial.png" width="99" height="99" />
        <div class="nomeicone">Páginas</div>
        </div>
        
        <div class="iconemenu">
        <img src="imagens/icon-menu.png" width="99" height="99" />
        <div class="nomeicone">Menu Principal</div>
        </div>
        
        <div class="iconemenu">
        <img src="imagens/icon-banner.png" width="99" height="99" />
        <div class="nomeicone">Banners</div>
        </div>
        
        <div class="iconemenu">
        <img src="imagens/icon-frete.png" width="99" height="99" />
        <div class="nomeicone">Frete</div>
        </div>
        
        <div class="iconemenu">
        <img src="imagens/icon-fabricante.png" width="99" height="99" />
        <div class="nomeicone">Fabricantes</div>
        </div>
        
        <div class="iconemenu">
        <img src="imagens/icon-cupom.png" width="99" height="99" />
        <div class="nomeicone">Cupons</div>
        </div>
        
        <div class="iconemenu">
        <img src="imagens/icon-categoria.png" width="99" height="99" />
        <div class="nomeicone">Categorias</div>
        </div>
        
        <div class="iconemenu">
        <img src="imagens/icon-produtos.png" width="99" height="99" />
        <div class="nomeicone">Produtos</div>
        </div>
        
        <div class="iconemenu">
        <img src="imagens/icon-clientes.png" width="99" height="99" />
        <div class="nomeicone">Clientes</div>
        </div>
        
        <div class="iconemenu">
        <img src="imagens/icon-compras.png" width="99" height="99" />
        <div class="nomeicone">Compras</div>
        </div>
        
        <div class="iconemenu">
        <img src="imagens/icon-relatorio.png" width="99" height="99" />
        <div class="nomeicone">Relatorios</div>
        </div>
        
        <div class="iconemenu">
        <img src="imagens/icon-admin.png" width="99" height="99" />
        <div class="nomeicone">Administradores</div>
        </div>
   	    
         
            
        </div>
    </div>
</div>
<div class="conteudo">

<div class="preto_light-edit-fabri"></div>
<div class="corpolight-edit-fabri">
	<div class="titulo-box">Editar Cliente</div>
    <div class="titulos-box">
    	<div class="textos-boxes">Nome: </div>
        	<div class="space-box"></div>
        <div class="textos-boxes">Estado: </div>
        	<div class="space-box"></div>
        <div class="textos-boxes">CPF: </div>
        	<div class="space-box"></div>
        <div class="textos-boxes">Email: </div>
        	<div class="space-box"></div>
        <div class="textos-boxes">Telefone: </div>
        	<div class="space-box"></div>
        <div class="textos-boxes">Endereço: </div>
        	<div class="space-box"></div>
    </div>
    <div class="boxes">
   		<div class="campo-box"><input type="text" /></div>
        	<div class="space-box"></div>
        <div class="campo-box"><input type="text" /></div>
        	<div class="space-box"></div>
        <div class="campo-box"><input type="text" /></div>
        	<div class="space-box"></div>
        <div class="campo-box"><input type="text" /></div>
        	<div class="space-box"></div>
        <div class="campo-box"><input type="text" /></div>
        	<div class="space-box"></div>
        <div class="campo-box"><input type="text" /></div>
        	<div class="space-box"></div>
    </div>
	<div class="enviar-box"><a href="#"><img src="imagens/salvar2.png" width="135" height="40" /></a></div>
   	
<!--corpolight-->	
</div>

 <div class="filtro-produtos">
    Filtrar por: 	
    <select name="selectionField"> 
      <option value="categoria" >Categoria</option>
      <option value="nome" >Nome</option>
      <option value="data" >Data</option>
    </select>
    </div>
  <div class="busca">
    <input type="text" />
    <div class="bt-busca"><img src="imagens/bt-busca.png" width="79" height="26" /></div>
    </div>
      	<div class="clear"></div>

<div class="top-cliente"></div>
    <div class="cont-anuncio">
    
    
    <div class="content">
       	  <table width="960" border="1" cellspacing="0" cellpadding="0" bordercolor="#CCCCCC" align="center">
  <tr>
  	<th align="center"><strong>Num.</strong></th>
  	<th align="center">Nome</th>
  	<th align="center"><strong>Email</strong></th>
    <th align="center"><p><strong>Fazer Pedido para o cliente</strong></p></th>
    <th align="center"><p><strong>Data cadastro</strong></p></th>
    <th align="center"><strong>Pedidos</strong></th>
    <th align="center"><strong>Opções</strong></th>
    </tr>
  <tr class="odd">
  	
    <td width="5%" align="center">1</td>
    <td width="16%" align="center">João Carlos pereira</td>
    <td width="19%" align="center">joao@gmail.com</td>
    <td width="12%" align="center">Acessar conta</td>
    <td width="12%" align="center">01/10/13</td>
    <td width="14%" align="center"><strong>Pedidos</strong></td>
    
    <td><table width="100%" border="0" cellspacing="5" class="options" cellpadding="0">
     <tr>
        <td height="14"><img src="imagens/lupa.png" alt="" width="11" height="12" /></td>
        <td><a href="#">Visualizar </a></td>
        <td><img src="imagens/lapis.gif" alt="" width="14" height="14" /></td>
        <td><div class="editar-menu"><a href="#">Editar</a></div></td>
        <td><img src="imagens/close.gif" alt="" width="14" height="14" /></td>
        <td><a href="#">Excluir</a></td>
        
        </tr>
    </table></td>
    
  </tr>
  <tr>
  	<td width="5%" align="center">2</td>
  	<td width="16%" align="center">João Carlos pereira</td>
  	<td width="19%" align="center">joao@gmail.com</td>
    <td width="12%" align="center">Acessar conta</td>
    <td width="12%" align="center">01/10/13</td>
    <td width="14%" align="center"><strong>Pedidos</strong></td>
    <td><table width="100%" border="0" cellspacing="5" class="options" cellpadding="0">
      <tr>
       <td height="14"><img src="imagens/lupa.png" alt="" width="11" height="12" /></td>
        <td><a href="#">Visualizar </a></td>
        <td><img src="imagens/lapis.gif" alt="" width="14" height="14" /></td>
        <td><div class="editar-menu"><a href="#">Editar</a></div></td>
        <td><img src="imagens/close.gif" alt="" width="14" height="14" /></td>
        <td><a href="#">Excluir</a></td>
        
        </tr>
    </table></td>
    </tr>
      <tr class="odd">
      <td width="5%" align="center">3</td>
      <td width="16%" align="center">João Carlos pereira</td>
      <td width="19%" align="center">joao@gmail.com</td>
      <td width="12%" align="center">Acessar conta</td>
      <td width="12%" align="center">01/10/13</td>
    <td width="14%" align="center"><strong>Pedidos</strong></td>
    
    <td width="22%"><table width="100%" border="0" class="options" cellspacing="5" cellpadding="0">
      <tr>
        <td height="14"><img src="imagens/lupa.png" alt="" width="11" height="12" /></td>
        <td><a href="#">Visualizar </a></td>
        <td><img src="imagens/lapis.gif" alt="" width="14" height="14" /></td>
        <td><div class="editar-menu"><a href="#">Editar</a></div></td>
        <td><img src="imagens/close.gif" alt="" width="14" height="14" /></td>
        <td><a href="#">Excluir</a></td>
        
        </tr>
    </table></td>
  </tr>
</table>
<div class="conteudo">
<table width="100%" border="0" cellspacing="5" class="total" cellpadding="0">
<tr><td colspan="2"></td><td width="40%"></td></tr>
<tr><td colspan="2"></td><td width="40%"></td></tr>
  <tr>
    <td width="19%">&nbsp;</td>
    <td width="6%">&nbsp;</td>
    <td width="40%"></td>
    <td width="10%"><div class="butok3">Anterior</div></td>
    <td width="16%">

    <div class="box-n">1</div>
    <div class="box-n">2</div>
    <div class="box-n">3</div>
    <div class="box-n">4</div>
    <div class="box-n">5</div>  
    </td>
    <td width="9%"><div class="butok3">Próximo</div></td>
  </tr>
</table>
</div>

  </div>
    
    
    
    <!--cont-anuncio-->
    </div>
</div>
    <div class="rodape">
    	<img src="imagens/rodape_center.jpg" width="1000" height="73"  />
    </div>
</body>
</html>
